<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <title>美策平台</title>
    <link rel="icon" type="image/png" href="/img/icon.png">
    <link rel="stylesheet" type="text/css" href="datepicker/jquery-ui.min.css">
    <link rel="stylesheet" type="text/css" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="/pc/js/all.js"></script>
    <style>
        /*用户协议样式*/
        .userNotice {
            position:fixed;top:0;left:0;z-index:100;
            display:none;
        }
        .userNotice .mask {
            width:100%;
            height:100%;min-height:540px;
            background:#888888;
            opacity:0.3;
            position:fixed;top:0;left:0;z-index:100;
        }
        .userNotice .detail {
            margin:20px 5%;
            padding:20px 2%;
            width:86%;
            height:80%;
            background:#ffffff;
            border-radius:5px;
            position:fixed;z-index:100;
        }
        .userNotice h4 {
            text-align:center;
        }
        .userNotice .noticeDetail {
            margin:5px 0;
            padding:5px 3%;
            width:94%;
            height:78%;
            background:#f5f5f5;
            overflow:auto;
        }
        .userNotice .noticeDetail p {
            margin:10px 0;
            text-indent:2em;
        }
        .userNotice .fanhui {
            margin:10px 5%;
            margin-top:20px;
            text-align:center;
        }
        .userNotice .fanhui button {
            padding:5px 0;
            width:40%;
            color:#0088cc;
            font-size:20px;
            background:#cccccc;
            border:0;
            border-radius:5px;
            cursor:pointer;
        }
        /*用户协议样式*/
        /*版本检测样式*/
        .appVersion {
            position:fixed;top:0;left:0;left:0;z-index:100;
            display:none;
        }
        .appVersion .mask {
            width:100%;
            height:100%;min-height:400px;
            background:#888888;
            opacity:0.3;
            position:fixed;top:0;left:0;z-index:100;
        }
        .appVersion .detail {
            margin:20px 5%;
            padding:20px 2%;
            width:86%;
            height:100px;
            background:#ffffff;
            border-radius:5px;
            text-align:center;
            position:fixed;top:30%;z-index:100;
        }
        .appVersion button {
            margin:20px 0;
            padding:5px 8%;
            color:#ffffff;
            font-size:18px;
            border:0;
            border-radius:5px;
            background:#0088cc;
        }
        /*版本检测样式*/
    </style>
</head>
<body>
<!--
    制作者：九哥
    页面：首页
    时间：2019-03-01
-->





<!----------首页面---------->
<div id="homePage"><!--此ID页面切换用-->
    <!--顶部-->
    <div id="homeTop">
        <div id="homeLocate">
            <div class="img">
                <img src="images/locate.png">
            </div>
            <div id="city"></div>
        </div>
        <div id="homeSearch">
            <input type="text" placeholder="搜索你要寻找的信息">
            <img src="images/lookfor.png" width="17">
        </div>
        <div id="homeFabu">
            <b>发布</b>
        </div>
    </div>
    <!--横幅广告位-->
    <div id=""></div>
    <div id="homePpt">
        <ul id="imgAds">
            <li>
                <img src="http://www.fuzhuangchangongxiao.cn/uploads/20190227/ppt.png">
            </li>
        </ul>
    </div>
    <!--三个找-->
    <div style="height:15px"></div>
    <div id="homeLookfor">
        <button style="display: none" id="homeLookCompany">找客户</button>
        <button style="display: none" id="homeLookFactory">找工厂</button>
        <button style="display: none" id="homeLookStaff">招聘</button>
    </div>
    <!--岗位推荐-->
    <div class="homeJob">
        <div class="title">
            <b>岗位推荐</b>
            <!--<a href="javascript:;" id="homeToJob">查看更多</a>-->
            <a href="index/job/jobList.html">查看更多</a>
        </div>
        <div class="homeJoblist" id="jobComList">
            <!--<table class="toHomeJob">-->
                <!--<tr>-->
                    <!--<td class="img">-->
                        <!--<img src="/uploads/20190227/testgz.png" width="120">-->
                    <!--</td>-->
                    <!--<td>-->
                        <!--<div class="detail">-->
                            <!--<b>UI设计总监</b>-->
                            <!--<p>今日头条 D轮以上</p>-->
                            <!--<p>-->
                                <!--<button>杭州 萧山区</button>-->
                                <!--<button>5-10年</button>-->
                            <!--</p>-->
                            <!--<p>陈先生·招聘者</p>-->
                        <!--</div>-->
                    <!--</td>-->
                <!--</tr>-->
            <!--</table>-->
        </div>
    </div>
    <!--热门工厂-->
    <div style="height:15px"></div>
    <div class="homeJob">
        <div class="title">
            <b>热门工厂</b>
            <!--<a href="javascript:;" id="homeToFactory">查看更多</a>-->
            <a href="index/factory.html">查看更多</a>
        </div>
        <div class="homeJoblist" id="facList">
            <!--<table class="toHomeFactory">-->
                <!--<tr>-->
                    <!--<td class="img">-->
                        <!--<img src="/uploads/20190227/testgc.png" width="120">-->
                    <!--</td>-->
                    <!--<td>-->
                        <!--<div class="detail">-->
                            <!--<b>萧山晨达服装厂</b>-->
                            <!--<p>杭州 萧山区</p>-->
                            <!--<p>-->
                                <!--<button>男装</button>-->
                                <!--<button>女装</button>-->
                            <!--</p>-->
                            <!--<p>李先生·联系人</p>-->
                        <!--</div>-->
                    <!--</td>-->
                <!--</tr>-->
            <!--</table>-->
        </div>
    </div>

    <!--底部菜单-->
    <div style="height:60px"></div>
    <div id="footer">
        <button class="click" id="toHomePage">
            <img src="images/home.png">
            <p>首页</p>
        </button>
        <button id="toNewsPage">
            <img src="images/news_01.png">
            <p>资讯</p>
        </button>
        <button id="toOrderPage">
            <img src="images/order_01.png">
            <p>订单</p>
        </button>
        <button id="toWorkPage" style="display:none;">
            <img src="images/icon_work.png">
            <p>工作</p>
        </button>
        <button id="toMessagePage">
            <img src="images/message_01.png">
            <p>消息</p>
        </button>
        <button id="toMysetPage">
            <img src="images/mine_01.png">
            <p>我的</p>
        </button>
    </div>
</div>





<!----------APP版本检测---------->
<div class="appVersion">
    <div class="mask"></div>
    <div class="detail" id="version">
        <!--<h2>有新版本</h2>-->
        <!--<button onclick="$('.appVersion').hide()">取消</button>-->
        <!--&nbsp;-->
        <!--<button onclick="setDownload()">点击去更新</button>-->
    </div>
</div>
<!----------APP版本检测---------->





<!----------用户须知---------->
<div class="userNotice">
    <div class="mask"></div>
    <div class="detail">
        <h4>用户须知</h4>
        <div class="noticeDetail">
            <p>
                1】杭州美策网络科技有限公司，通过对服装行业的深刻解读后，发现整个产业链的信息不对称、成本高、找客户难、找工作难、招聘难、信用度不高、管理难、货期延误、质量较差、产能跟不上等较多的专业性问题，通过调查、走访、了解后，针对服装整个产业链行业，做一个比较深刻的具有时代意义的服装产供销一体化平台，提供给大家使用，在使用过程中，遇到比较尖锐的问题，还请对平台反馈，以便于我们及时提供产品升级。
            </p>
            <p>2】注册须知：目前1.0版本允许服装公司、服装工厂、印花厂、绣花厂、水洗厂、设备厂注册，注册的时候，为了方便您的上下游找到您，为了让更多的人了解您，在注册的时候，不要马虎，能多填写一点就多填写一点，这样方面他们与您合作的成功率，您写的越详细，成功率越高，匹配度越精准，定位越清晰，您的订单、以及您的工作越简单轻松。
            </p>
            <p>
                3】照片上传须知：照片分为车间、环境、办公、宿舍、会议室、展厅、个人形象照，请您上传清晰度较高的照片，您的照片描述的越清晰，您合作的上下游就对您越感兴趣，精准度同时也更高。
            </p>
            <p>
                4】产品使用功能：本平台内可以交易，服装公司可以寻找服装工厂（生产加工以及贴牌）、服装工厂可以寻找客户（服装公司）、服装工厂与服装公司可以发布招聘广告、发布订单加工信息、发布业务需求。
            </p>
            <p>
                5】书些简介要求：对自己的企业详细描述，描述越清晰、上下游对您了解越多，我们的合作成功率也越高，介绍自己的第一专业、特长、第二专业以及特长，根据平台提供的页面，详细填写。一次填写，受用终身。
            </p>
            <p>
                6】交易担保：本平台与支付宝对接，为了方便大家在业务交易过程中的产量、质量、合同纠纷、抢单、保证金、信用、在平台内发放工人工资、加工费结算以及担保等工作，让企业以及个人减少损失，让订单更准时入仓、工资准时发放、质量更加稳定、减少不必要的纠纷，尽量在平台内进行交易支付、评价，交易金额可以提现。
            </p>
            <p>
                7】准介绍：在您下载本APP后，第一、能介绍自己的亲戚朋友下载本平台的+人缘分，人缘好的企业以及个人，第一时间可以搜到找到订单，优先找到对方，第二、准介绍越多，分值越高，峰值越高，您的成交率也就越高，受限也就越低。
            </p>
            <p>
                8】信用管理：上述的6个条款按标准去做，做的越接近现实，信用分越高，系统在审核的时候，会根据您填写的情况自动区别，自动形成信用分，您的质量、您的货期、您的个人行为、您的付款、您的合同，都将是信用分值的条件，信用峰值越高，您的效率也就越高，您的企业利润也就越高，个人的信用越高，您的工资也就越高，您的保价价值也就越高
            </p>
            <p>
                9】版本升级会自动提示您，请及时关注新版本。
            </p>
        </div>
        <p class="fanhui">
            <button onclick="$('.userNotice').hide()">取消</button>
            &nbsp;
            <button onclick="setUserNoticeRead()">确定</button>
        </p>
    </div>
</div>
<!----------用户须知---------->





<!----------错误提示---------->
<div id="errMsg"></div>
<!-- 定位 -->
<div id="addrMap"></div>
</body>
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=WATBZ-GTKHX-AUM4I-ZXAXJ-SKWF5-IZFDF"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/indexPageChange.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script src="js/isNavigator.js"></script>
<script type="text/javascript" src="js/alertMsg.js"></script> 
<script src="https://webapi.amap.com/maps?v=1.4.14&key=fc786266f4382fec74031fcc0135f1ad&plugin=AMap.Autocomplete"></script>
<script type="text/javascript" src="https://a.amap.com/jsapi_demos/static/demo-center/js/underscore-min.js" ></script>
<script type="text/javascript" src="https://a.amap.com/jsapi_demos/static/demo-center/js/backbone-min.js" ></script>
<script type="text/javascript" src='https://a.amap.com/jsapi_demos/static/demo-center/js/prety-json.js'></script>
<script type="text/javascript" src="js/userLocation.js"></script> 
<script>

    var isfabu=false;
    (function(){

        setFootBtn(); //员工主体，更换订单图标
        //getHomeList(); //包含岗位推荐、热门工厂
        getIndex(); //岗位、工厂
        getAds('#imgAds',1); //banner
        setPubShow(); //发布按钮的显示、隐藏
        // console.log(getAds('#imgAds',1))
        getAppVersion(); //APP版本更新检测
        isExistUserNotice(); //用户须知显示判断
        var usertype=MC.user.getType();

        if(usertype==MC.USERTYPE.Type_yuangong){///
             $('#homeLookCompany,#homeLookFactory').show();
        }else if(usertype==MC.USERTYPE.Type_gongsi){
            $('#homeLookCompany,#homeLookFactory,#homeLookStaff').show();

        }else if(usertype==MC.USERTYPE.Type_gongchang){
            $('#homeLookCompany,#homeLookFactory,#homeLookStaff').show();

        }else if(usertype==MC.USERTYPE.Type_gongsi_gongchang){
            $('#homeLookCompany,#homeLookFactory,#homeLookStaff').show();

        }
    })();
    setTimeout('getPoint()',3*1000);
    //判断发布是否隐藏
    function setPubShow(){
        var userInfo = cacheGet('userInfo');
        // console.log(userInfo);
        if (userInfo && userInfo.type==1) {
            $('#homeFabu').hide();
        }
    }
    //获取首页的岗位、工厂
    function getIndex(){
        //判断：有缓存的，先获取缓存
        var cacheHomeJobList = cacheGet('homeJobList'); //首页岗位推荐
        var cacheHomeFacList = cacheGet('homeFacList'); //首页热门工厂
        var p = '<p style="text-align:center;color:#888;">加载中...</p>';
        if (cacheHomeJobList && cacheHomeJobList.length) {
            var h = getJobStr(cacheHomeJobList);
            $('#jobComList').html(h);
        } else {
            $('#jobComList').html(p);
        }
        if (cacheHomeFacList && cacheHomeFacList.length ) {
            var h2 = getFacStr(cacheHomeFacList);
            $('#facList').html(h2);
        } else {
            $('#facList').html(p);
        }
        //判断，没有本地缓存，则显示加载中
        var formData = {
            app_access:app_access
        };
        var userInfo = cacheGet('userInfo');
            if(userInfo&&userInfo.token){
                formData.token=userInfo.token;
            }

        $.ajax({
            type:'get',
            url:getDomain() + 'index',
            data:formData,
            success:function(res){
                //console.log(res); return;

                if (res.code!=200) {
                    var noData = '<p style="text-align:center;color:#888;">没有记录</p>';
                    $('#jobComList').html(noData);
                    $('#facList').html(noData);
                }
                isfabu=res.data.fabu;
                if(MC.user.getType()!=MC.USERTYPE.Type_yuangong){
                    $('#homeFabu').show();
                }
                
                var jobs = res.data.jobs;
                var facs = res.data.factorys;
                console.log(jobs,facs);
                if (!jobs) {
                    $('#jobComList').html('<p style="text-align:center;color:#888;">没有记录</p>');
                }
                if (!facs) {
                    $('#facList').html('<p style="text-align:center;color:#888;">没有记录</p>');
                }
                var i, i2, h = '', h2 = '';
                //岗位
                if (jobs && jobs.length > 0) {
                    h = getJobStr(jobs);
                    $('#jobComList').html(h);
                    //设置缓存
                    cacheSet('homeJobList',jobs);
                    getAppErrMsg('岗位推荐已更新！','',0);
                }
                //热门工厂
                if (facs && facs.length > 0) {
                    h2 = getFacStr(facs);
                    $('#facList').html(h2);
                    //设置缓存
                    cacheSet('homeFacList',facs);
                    getAppErrMsg('热门工厂已更新！','',0);
                }
            },
            error:function(){
                console.log('操作失败！'); return;
            }
        });
    }
    //拼接首页岗位
    function getJobStr(jobs){
        var i, h = '';
        for (i=0;i<jobs.length;i++) {
            h += '<table class="toHomeJob" onclick="window.location.href=\'/h5/index/job/jobShow.html?jobId='+jobs[i].id+'\';">';
            h += '<tr>';
            h +=    '<td class="img">';
            if (jobs[i].img) {
                h += '<img src="'+jobs[i].img+'" width="120">';
            } else {
                h += '<img src="/h5/images/logo-di.png" width="120">';
            }
            h +=    '</td>';
            h +=    '<td><div class="detail">';
            h +=        '<b>'+jobs[i].jobName+'</b>';
            h +=        '<p>'+jobs[i].comName+'</p>';
            h +=        '' +///<p><button>'+jobs[i].cityName+'</button> </p>
                '<p>招聘者·'+jobs[i].uname+'</p>';
            h+='<p>月薪:'+jobs[i].emolument+'元</p>';
            h +=    '</div></td>';
          //  h+='<td>薪水:</td>';
            h += '</tr>';
            h += '</table>';
        }
        return h;
    }
    //拼接首页工厂
    function getFacStr(facs){
        var i2, h2 = '';
        for (i2 = 0; i2 < facs.length; i2++) {
            h2 += '<table class="toHomeFactory" onclick="window.location.href=\'/h5/index/facShow.html?id='+facs[i2].id+'\';">';
            h2 += '<tr>';
            h2 += '<td class="img">';
            if (facs[i2].img) {
                h2 += '<img src="' + facs[i2].img + '" width="120">';
            } else {
                h2 += '<img src="/h5/images/logo-di.png" width="120">';
            }
            h2 += '</td>';
            h2 += '<td><div class="detail">';
            h2 += '<b>'+facs[i2].comName+'</b>';
            h2 += '<p>'+facs[i2].cityName+'</p>';
            h2 += '<p>';
            h2 += '<button>满意度'+facs[i2].cusLike+'%</button>';
            h2 += '<button>合格虑'+facs[i2].quality+'%</button>';
            h2 += '</p>';
            h2 += '<p>联系人·'+facs[i2].uname+'</p>';
            h2 += '</div></td>';
            h2 += '</tr>';
            h2 += '</table>';
        }
        return h2;
    }
    /**
     * APP版本检测
     * */
    function getAppVersion(){
        var appIndentity;
        var u = navigator.userAgent;
//        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
//        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
        if (u.indexOf('Android') > -1 || u.indexOf('Adr') > -1) {
            appIndentity = 'android';
        } else if (!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
            appIndentity = 'ios';
        } else {
            appIndentity = 'undefined';
        }
        var fomrData = {
            app_access:app_access,
            appIndentity:appIndentity
        };
        $.ajax({
            type:'get',
            url:'/api/app/version',
            data:fomrData,
            success:function(res){
                //console.log(res)
                if (res.code!=0) {
                    console.log('没有新版本！');
                    //getAppErrMsg(res.msg,'',0);
                    $('#version').html('当前是最新版本');
                    return
                }
                var resVersion = res.data.version;
                var resUrl = res.data.url;
                var localVersion = getLocalVersion();
                if (resVersion > localVersion) {
                    getAppErrMsg(version,'',0);
                    var version = '有新版本：' + resVersion + '，点击去更新';
                    var url = resUrl ? resUrl : 'javascript:;';
                    var h = '';
                    h += '<h2>'+version+'</h2>';
                    h += '<button onclick="$(\'.appVersion\').hide()">取消</button>';
                    h += '&nbsp; ';
                    h += '<button onclick="window.location.href=\''+url+'\';">点击去更新</button>';
                    $('#version').html(h).show();
                    return
                }
            },
            error:function(){
                console.log('操作失败！'); return
            }
        });
    }
    /**
     * 设置用户须知已读
     * */
    function setUserNoticeRead(){
        var userInfo = cacheGet('userInfo');
        if (!userInfo || !userInfo.token) {
            getAppErrMsg('您还未登陆！','',0);
            return
        }
        var formData = {
            app_access:app_access,
            token:userInfo.token
        };
        $.ajax({
            type:'post',
            url:'/api/member/usernotice',
            data:formData,
            success:function(res){
                //console.log(res);
                if (res.code!=0) {
                    getAppErrMsg(res.msg); return
                }
                userInfo.userNotice = 1;
                cacheSet('userInfo',userInfo); //同步缓存
                $('.userNotice').hide();
                getAppErrMsg('用户须知确认成功！','',0);
            },
            error:function(){
                console.log('操作失败！'); return
            }
        });
    }
    /**
     * 判断用户须知是否显示
     * */
    function isExistUserNotice(){
        var userInfo = cacheGet('userInfo');
        if (!userInfo || !userInfo.userNotice) {
            $('.userNotice').show();
        } else {
            $('.userNotice').hide();
        }
    }
    /**
     * 地址前缀
     * */
    function getDomain(){
        return '/api/home/';
    }
</script>
</html>